/*
Theme Name: Pachyderm
Theme URI:
Description: A cute, clean, responsive microblogging theme.
Version: 1.1.1
Author: Caroline Moore
Author URI: http://www.carolinemoore.net
License: GNU General Public License
License URI: license.txt
Tags: one-column, two-columns, custom-menu, post-formats, editor-style, fixed-width, custom-header, custom-background, microformats, sticky-post, threaded-comments, right-sidebar

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/


/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
a img {
	border: 0;
}


/* =Global
----------------------------------------------- */
body {
	font-family: Gudea, Helvetica, Arial, sans-serif;
}
body,
button,
input,
select,
textarea {
	font-family: Gudea, Helvetica, Arial, sans-serif;
	font-size: 15px;
	color: #555;
	line-height: 21px;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
	color: #49352f;
	font-family: "Poiret One", serif;
	font-weight: normal;
	line-height: normal;
	margin: 15px 0;
}
h1 {
	font-size: 220%;
}
h2 {
	font-size: 200%;
}
h3 {
	font-size: 180%;
}
h4 {
	font-size: 160%;
}
h5 {
	font-size: 140%;
}
h6 {
	font-size: 120%;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/* Text elements */
p {
	line-height: 28px;
	margin: 1.0em 0;
}
ul, ol {
	margin: 0 0 1.5em 3em;
}
ul {
	list-style: disc;
}
.entry-content ul > li:before {
	content: "\00BB \0020";;
}
.entry-content ul li ul > li:before {
	content: "";
}
.entry-content > ul {
	margin-left: 20px;
	padding: 0;
	list-style: none;
}
ol {
	list-style: decimal;
}
ol li ol {
	list-style-type: lower-alpha;
}
ol li ol li ol {
	list-style-type: lower-roman;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	border-left: 4px solid #eee;
	font-style: italic;
	margin: 0;
	padding: 5px 30px;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background-color: #fcfcfc;
	padding: 15px;
}
code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
figure {
	margin: 0;
}
table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	width: 100%;
}
tr,
td,
th {
	vertical-align: top;
	padding: 5px 15px;
	margin: 0;
	border: 0 none;
}
td {
	border-bottom: 1px solid #eee;
}
tr.alternate {
	background-color: #fcfcfc;
}
th {
	border-bottom: 4px solid #f48278;
	font-weight: normal;
	font-size: 140%;
	text-align: left;
	font-family: "Poiret One", serif;
}
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
	*overflow: visible;  /* Corrects inner spacing displayed oddly in IE6/7 */
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type=text],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}
input[type=text]:focus,
textarea:focus {
	color: #111;
}
input[type=text] {
	padding: 0;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
}

/* Links */
a {
	color: #f48278;
	text-decoration: none;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
a:visited {
	color: #f48278;
	text-decoration: none;
}
a:hover,
a:focus,
a:active {
	color: #f15d5d;
	text-decoration: none;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 1.5em auto;
}

/* Text meant only for screen readers */
.assistive-text {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}


/* =Content
----------------------------------------------- */

#page {
	margin: 0 auto;
	position: relative;
	width: 600px;
}
.sticky {
}
.entry-meta {
	clear: both;
}
.hentry {
}
.byline {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.entry-content,
.entry-summary {
	margin: 0;
}
.page-links {
	margin: 0 0 1.5em;
}


/* =Content with active sidebar-----------------*/

body.active-sidebar-primary-sidebar #page {
	width: 790px;
}
body.active-sidebar-primary-sidebar .site-title {
	font-size: 52px;
	line-height: normal;
	text-align: center;
}
body.active-sidebar-primary-sidebar .site-description {
	font-size: 22px;
	line-height: 60px;
	text-align: center;
}


/* =Media
----------------------------------------------- */

.site-header img,
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
.site-header img,
.entry-content img,
img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.site-header img,
.entry-content img,
img.size-full {
	max-width: 100%;
	//width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	max-width: 90%;
	padding: 0;
	text-align: center;
	margin: auto;
}
.wp-caption.alignnone {
	margin: 10px 0;
}
.wp-caption.aligncenter {
	margin: 10px auto;
}
.wp-caption.alignright {
	margin: 10px 15px;
}
.wp-caption.alignleft {
	margin: 10px 15px;
}
.wp-caption img {
	height: auto;
}
.wp-caption-text {
	font-size: 16px;
	font-style: italic;
	margin: 5px 0 0 5px;
	max-width: 100%;
	text-align: left;
}
dd.wp-caption-text {
	font-size: 12px;
}
#content .gallery {
	margin-bottom: 1.5em;
}
.gallery-caption {
}
#content .gallery a img {
	border: none;
	height: auto;
}
#content .gallery dd {
	margin: 5px 0 0 5px;
}
#content .gallery-columns-4 .gallery-item {
}
#content .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* =Navigation
----------------------------------------------- */

#content .site-navigation {
	overflow: hidden;
}
#content .nav-previous {
	float: left;
	width: 50%;
}
#content .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}


/* =Widgets
----------------------------------------------- */

.widget {
	margin: 0 0 1.5em;
}

/* Search widget */
#searchsubmit {
}


/* =Sidebars/Widgets/Footer
----------------------------------------------- */

.sidebar {
	float: right;
	overflow: hidden;
	position: relative;
	width: 170px;
}
.sidebar ul {
	display: block;
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.sidebar ul ul {
	margin: 0 0 0 20px;
}
.sidebar ul li {
	display: block;
	list-style-type: none;
	list-style: none;
	margin: 0;
	padding: 4px 0;
	border-bottom: 1px solid #efefef;
}
.sidebar ul li:last-of-type,
.sidebar ul ul li,
.sidebar ul ul ul li {
	border-bottom: 0 none;
}
.widget {
	background-color: #fff;
	font-size: 13px;
	margin: 0 0 20px 0;
	padding: 20px 10px;
	word-wrap: break-word;
}
footer#colophon {
	clear: both;
	font-size: 11px;
	margin: 0 auto;
	position: relative;
	padding: 30px 0 80px 0;
	text-align: center;
}
.site-info {
	float: right;
	text-align: right;
	text-transform: uppercase;
	width: 70%;
}
.widget {
	margin-bottom: 20px;
	display: block;
}
h2.widget-title {
	font-size: 20px;
	color: #49352f;
	line-height: normal;
	margin: 0 0 5px 0;
}
h2.widget-title a,
h2.widget-title a:visited {
	color: #49352f;
}
a.rsswidget img {
	display: none;
}
.widget_rss h2.widget-title a.rsswidget {
	background-image:url(img/rss.png);
	background-repeat: no-repeat;
	display: block;
	text-indent: 27px;
	min-width: 22px;
	margin-top: 10px;
}
aside.widget ul li {
	list-style: disc;
}
aside.widget ul li a:link,
aside.widget ul li a:visited,
aside.widget ul li a:hover,
aside.widget ul li a:active {
	font-weight: normal;
}
/* End Sidebars/Widgets/Footer */


/* =Posts
--------------------------------------------------------------*/

span.comments-link {
	background: url(img/comments.png) no-repeat #f15d5d;
	border-radius: 40px;
	color: #fff;
	display: block;
	font-size: 20px;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
	text-indent: -9999px;
	width: 40px;
	height: 40px;
	margin-top: 65px;
	position: absolute;
		left: -67px;
	z-index: 1;
}
span.comments-link a {
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
}
#content {
	clear: both;
	position: relative;
	margin: 0;
}
#main {
	float: left;
	margin: 0;
	position: relative;
	width: 600px;
}
article {
	background-color: #fff;
	margin-bottom: 30px;
}
.entry-title {
	color: #f15d5d;
	font-family: "Poiret One", serif;
	padding: 0;
	margin: 0;
	line-height: normal;
	font-weight: normal;
	clear: both;
	width: 100%;
	word-wrap: break-word;
}
.entry-title a {
	color: #f15d5d;
	margin-bottom: 10px;
}
header.entry-header {
	margin: 0 0 10px 0;
}
header .entry-meta,
header .entry-meta a,
header .entry-meta a:visited {
	clear: both;
	color: #999;
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
footer.entry-meta {
	clear: both;
	color: #999;
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
.entry-attachment {
	margin: 20px 0 0 0;
}
.cat-links {
	clear: both;
	display: inline-block;
	position: relative;
	list-style: none;
	width: 100%;
}
.cat-links a {
	color: #f15d5d;
	display: inline;
	font-size: 11px;
	margin: 5px 7px 5px 0;
	text-transform: uppercase;
}
.tag-links {
	clear: both;
	display: inline-block;
	position: relative;
	list-style: none;
	width: 100%;
	word-wrap: break-word;
}
.tag-links a {
	color: #999;
	display: inline;
	font-size: 11px;
	margin: 5px 7px 5px 0;
	text-transform: uppercase;
}
.page-links {
	clear: both;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
}
.home .page-links {
	clear: none;
}
.post,
.type-page,
.type-attachment {
	border-bottom: 4px solid #49352f;
	clear: both;
	overflow: hidden;
	padding: 20px;
}
.post.sticky {
	border-bottom: 4px solid #f15d5d;
}
.image-attachment .type-attachment {
	border-bottom: 4px solid #bce4cd;
}
.image-attachment .entry-meta {
	background-color: #fff;
	display: block;
	padding: 10px;
	position: absolute;
		left: 620px;
		top: 0;
	width: 150px;
}
h1.page-title {
	margin: 0;
	padding: 20px;
	border-bottom: 1px dotted #e6e890;
}
.wp-post-image {
	border-radius: 100px;
	float: right;
	margin: 0 0 10px 20px;
}


/* =Post Formats
--------------------------------------------------------------*/
.post-format-indicator a {
	display: block;
	text-indent: -9999px;
	width: 100%;
	height: 100%;
}
.post .post-format-indicator,
.page .post-format-indicator {
	background: url(img/standard.png) center #49352f;
	border-radius: 65px;
	width: 65px;
	height: 65px;
	margin-top: -10px;
	position: absolute;
		left: -80px;
	z-index: 10;
}
.post.sticky .post-format-indicator {
	background: url(img/sticky.png) center #f15d5d;
	border-radius: 65px;
	width: 65px;
	height: 65px;
}
.image-attachment .post-format-indicator {
	background: url(img/image.png) center #bce4cd;
	border-radius: 65px;
	margin-top: -10px;
	position: absolute;
		left: -80px;
	width: 65px;
	height: 65px;
}
.post.format-link .entry-title,
.post.format-aside .entry-title,
.post.format-status .entry-title,
.post.format-quote .entry-title {
	display: none;
}
.post.format-status .entry-meta,
.post.format-link .entry-meta,
.post.format-aside .entry-meta,
.post.format-quote .entry-meta {
	display: none;
}
.post.format-link {
	border-bottom: 4px solid #dbd988;
}
.post.format-link .post-format-indicator {
	background: url(img/linky.png) center #dbd988;
	background-repeat: no-repeat;
}
.post.format-audio {
	border-bottom: 4px solid #f48278;
}
.post.format-audio .post-format-indicator {
	background: url(img/audio.png) center #f48278;
	background-repeat: no-repeat;
}
.post.format-video {
	border-bottom: 4px solid #49352f;
}
.post.format-video .post-format-indicator {
	background: url(img/video.png) center #49352f;
	background-repeat: no-repeat;
}
.post.format-status {
	border-bottom: 4px solid #bce4cd;
}
.post.format-status .post-format-indicator {
	background: url(img/status.png) center #bce4cd;
	background-repeat: no-repeat;
}
.post.format-aside {
	border-bottom: 4px solid #776666;
}
.post.format-aside .post-format-indicator {
	background: url(img/aside.png) center #776666;
	background-repeat: no-repeat;
}
.post.format-quote {
	border-bottom: 4px solid #f48278;
}
.post.format-quote .post-format-indicator {
	background: url(img/quote.png) center #f48278;
	background-repeat: no-repeat;
}
.post.format-chat {
	border-bottom: 4px solid #49352f;
}
.post.format-chat .post-format-indicator {
	background: url(img/chat.png) center #49352f;
	background-repeat: no-repeat;
}
.post.format-image {
	border-bottom: 4px solid #bce4cd;
}
.post.format-image .post-format-indicator {
	background: url(img/image.png) center #bce4cd;
	background-repeat: no-repeat;
}
.post.format-gallery {
	border-bottom: 4px solid #f15d5d;
}
.post.format-gallery .post-format-indicator {
	background: url(img/gallery.png) center #f15d5d;
	background-repeat: no-repeat;
}


/* =Navigation
-------------------------------------------------------------- */

#nav-below {
	float: left;
	width: 30%;
}
header #image-navigation {
	margin: 10px 0;
	width: 100%
}
#nav-below .nav-previous a,
header #image-navigation .previous-image a,
header #image-navigation .previous-image-thumb img,
header #image-navigation .next-image-thumb img {
	margin: 0 10px 0 0;
}
#nav-below .nav-previous a:hover,
#nav-below .nav-next a:hover,
header #image-navigation .previous-image a:hover,
header #image-navigation .next-image a:hover {
	background-color: #f48278;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
#nav-below .nav-previous a,
#nav-below .nav-next a {
	background-color: #49352f;
	border-radius: 40px;
	color: #fff;
	display: block;
	float: left;
	font-size: 40px;
	line-height: 35px;
	text-align: center;
	width: 40px;
	height: 40px;
}
header #image-navigation .previous-image a,
header #image-navigation .next-image a,
header #image-navigation .previous-image-thumb img,
header #image-navigation .next-image-thumb img {
	background-color: #49352f;
	border-radius: 40px;
	clear: none;
	color: #fff;
	display: block;
	font-size: 30px;
	line-height: 25px;
	text-align: center;
	width: 30px;
	height: 30px;
}
header #image-navigation .previous-image a,
header #image-navigation .previous-image-thumb img {
	float: left;
}
header #image-navigation .next-image a,
header #image-navigation .next-image-thumb img {
	float: right;
}
.post-navigation {
	clear: both;
	margin: 0 auto;
	width: auto;
}
.comment-navigation {
	padding: 20px;
}
.post-navigation a:link,
.post-navigation a:visited,
.post-navigation a:hover,
.post-navigation a:active,
.paging-navigation a:link,
.paging-navigation a:visited,
.paging-navigation a:hover,
.paging-navigation a:active {
	text-decoration: none;
}


/* =Header/Nav Menu
--------------------------------------------------------------*/

.site-description {
	clear: both;
	color: #f15d5d;
	font-family: Gudea, Helvetica, Arial, sans-serif;
	font-size: 18px;
	margin: 5px 0 20px 5px;
}
.site-title {
	clear: both;
	color: #49352f;
	font-family: "Berkshire Swash", sans-serif;
	font-size: 48px;
	line-height: normal;
	margin: 0;
}
.site-title a,
.site-title a:visited {
	color: #49352f;
}
header#masthead {
	margin: 50px auto 0 auto;
	padding: 0;
	width: 100%
}
header#masthead img {
	float: left;
	margin: 0 20px 20px 0;
	max-width: 100%;
	padding: 0;
}
header#masthead hgroup {
	float: left;
	position: relative;
	margin: 0 auto;
	width: 100%;
}
#searchform #searchsubmit {
	background-color: #f15d5d;
	width: 25px;
	height: 25px;
	border-radius: 20px;
	border: 0 none;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	padding: 0;
	color: #fff;
}
/* End Header/Nav Menu */


/* =Drop-Down Nav Menu
--------------------------------------------------------------*/

.navmenu {
	margin: 0 0 20px 0;
}
#header-menu {
	background: #f15d5d;
	clear: both;
	display: inline-block;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 100%;
}
#header-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#header-menu ul li.menu-item {
	background: #f15d5d;
	display: block;
	float: left;
	font-size: 12px;
	line-height: normal;
	padding: 3px 5px;
	position: relative;
	text-transform: uppercase;
	word-wrap: break-word;
}
#header-menu ul.menu li > ul {
	margin-bottom: 2px;
}
#header-menu ul.menu li ul li ul {
	margin-bottom: -1px;
}
#header-menu li.menu-item a:link,
#header-menu li.menu-item a:visited,
#header-menu li.menu-item a:hover,
#header-menu li.menu-item a:active {
	color: #fff;
	display: block;
	width: 100%;
	height: auto;
	padding: 3px;
	transition: 0s;
	-webkit-transition: 0s;
	-moz-transition: 0s;
}
#header-menu ul.menu,
#header-menu ul.menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#header-menu ul.menu {
	position: relative;
	z-index: 597;
}
#header-menu ul.menu li {
	float: left;
	vertical-align: middle;
	zoom: 1;
}
#header-menu ul.menu li.hover,
#header-menu ul.menu li:hover {
	position: relative;
	z-index: 599;
	cursor: default;
}
#header-menu ul.menu li > ul {
	opacity:0;
	transition:opacity .3s ease-in-out;
	-webkit-transition:opacity .3s ease-in-out;
	-moz-transition:opacity .3s ease-in-out;
	visibility:hidden;
}
#header-menu ul.menu li:hover > ul {
	opacity:1;
	visibility: visible;
}
#header-menu ul.menu ul {
	 visibility: hidden;
	 position: absolute;
	 top: 100%;
	 left: 0;
	 z-index: 598;
}
#header-menu ul.menu ul li {
	 float: left;
	 margin: 5px 5px 0 0;
	 position: relative;
	 width: 120px;
}
#header-menu ul.menu ul ul li {
	margin: 0 5px 5px 5px;
}
#header-menu ul.menu ul ul {
	top: 0;
	left: 99%;
}
#header-menu ul.menu ul {
	background: url(img/transparent.png); /* IE Fix */
 	bottom: auto !important;
 	top: 100%;
}
#header-menu ul.menu ul ul {
 	bottom: 1px;
}

/* Small menu */

.menu-toggle {
	cursor: pointer;
}
.main-small-navigation .menu {
	display: none;
}

/* End PopUp Nav Menu */


/* =Comments
--------------------------------------------------------------*/
article.comment {
	margin: 0;
}
#comments {
}
#commentform .required {
	display: inline-block;
	margin-left: -5px;
	color: #c4513f;
	font-weight: bold;
}
#respond {
	background-color: #fff;
	margin: 30px 0 0 0;
	padding: 20px;
}
#reply-title small {
	float: right;
}
h2.comments-title {
	padding: 0 20px 0 20px;
}
h3#comments {
	padding: 0 20px 0 20px;
}
li.comment {
	min-height: 100px;
}
li.comment {
	background-color: #fff;
	border: 0 none;
	padding: 30px 20px 0 20px;
}
li.pingback,
li.trackback {
	background-color: #fff;
	border: 0 none;
	padding: 10px 20px;
}
li.pingback p,
li.trackback p {
	margin: 0;
}
ol.commentlist,
ul.commentlist {
	background: #fff;
	list-style: none;
	margin: 0;
	padding: 20px 0;
}
ol.commentlist blockquote,
ul.commentlist blockquote {
	background-color: transparent;
}
ol.commentlist ul.children,
ul.commentlist ul.children {
	list-style: none;
	margin: 0;
}
ol.commentlist ul.children li,
ul.commentlist ul.children li {
	list-style: none;
	border-bottom: 0 none;
	padding: 30px 20px 0 40px;
}
ul.children {
	padding: 0;
}
ul.children .comment-author {
	float: none;
	width: auto;
	border-right: 0 none;
	margin: 0;
	min-height: 0;
	clear: left;
}
ul.children .comment-author cite.fn {
	font-weight: bold;
	width: auto;
	float: none;
}
ul.children .comment-content,
ul.children .comment-content .comment-meta,
ul.children .reply {
	padding: 0;
}
.alt {
}
.avatar {
	float: left;
	margin-right: 10px;
	border-radius: 50px;
}
.bypostauthor {
}
.cancel-comment-reply-link {
	display: block;
	float: right;
}
.comment-content,
.comment-content .comment-meta,
.reply {
	padding: 0 0 0 171px;
}
.comment-author {
	border-right: 4px solid #eee;
	float: left;
	margin: 0 20px 0 0;
	min-height: 100px;
	width: 150px;
}
.comment-author cite.fn {
	display: block;
	float: left;
	font-family: "Poiret One", serif;
	font-size: 16px;
	font-style: normal;
	width: 90px;
	word-wrap: break-word;
}
.comment-edit-link {
	color: #666;
	font-size: 11px;
	text-transform: uppercase;
}
.comment-form-comment label {
	display: block;
	width: 85px;
	float: left;
	font-weight: bold;
}
.commentmetadata {
	text-transform: uppercase;
	color: #666;
	font-size: 11px;
	margin-bottom: 5px;
}
.commentmetadata a,
.commentmetadata a:visited {
	color: #666;
}
p.comment-subscription-form {
	font-size: 90%;
	margin: 0;
}
.nocomments {
	display: none;
}
.says {
	display: none;
}
.form-allowed-tags,
.form-allowed-tags code {
	font-size: 80%;
}
/* End Comments */


/* =Gallery Spacing
--------------------------------------*/

.gallery-columns-1 img {
	/**
	 * $content_width = 560
	 * There's 3px padding and 2px border around gallery images
	 * Use 581/n - 31 to figure out max-width for each level
	 * Where n is the number of columns in the gallery
	 * Kudos to @philiparthurmoore for this
	 */
	max-width: 560px;
}
.gallery-columns-2 img {
	max-width: 270px;
}
.gallery-columns-3 img {
	max-width: 172px;
}
.gallery-columns-4 img {
	max-width: 125px;
}
.gallery-columns-5 img {
	max-width: 95px;
}
.gallery-columns-6 img {
	max-width: 76px;
}
.gallery-columns-7 img {
	max-width: 62px;
}
.gallery-columns-8 img {
	max-width: 52px;
}
.gallery-columns-9 img {
	max-width: 44px;
}
/* End Gallery Styles */


/* =Calendar Widget
--------------------------------------*/

td#next {
	text-align: right;
}
#wp-calendar caption {
	text-align: center;
	font-weight: bold;
	padding: 10px 0 0;
}
#wp-calendar td {
	font-size: 12px;
}
#wp-calendar td,
#wp-calendar th {
	padding: 2px;
	text-align: center;
}
/* End Calendar Widget */


/* =Media Queries for Responsive Layout
---------------------------------------*/

@media only screen and ( min-width: 320px ) and ( max-width: 799px ) {

	body.active-sidebar-primary-sidebar #page,
	#page {
		width: 100%;
	}
	header .entry-meta {
		clear: left;
		float: left;
	}
	header#masthead,
	header#masthead hgroup,
	#main,
	#colophon {
		clear: both;
		width: 100%;
		margin: 0 auto;
	}
	header#masthead img,
	header#masthead hgroup {
		display: block;
		float: none;
		margin: 20px auto;
		max-width: 95%;
		position: relative;
		text-align: center;
	}
	#nav-below {
		padding: 0 0 0 20px;
		width: 25%;
	}
	.entry-content {
		clear: both;
	}
	.entry-title {
		clear: none;
		float: left;
		max-width: 66%;
	}
	.post .post-format-indicator,
	.page .post-format-indicator {
		float: right;
		margin: 0 0 20px 0;
		position: relative;
			left: auto;
	}
	span.comments-link {
		float: right;
		margin: 0 15px 20px 0;
		position: relative;
			left: auto;
	}
	.image-attachment .entry-meta {
		clear: both;
		padding: 10px 0;
		position: relative;
			top: auto;
			left: auto;
		width: 100%;
	}
	.image-attachment .post-format-indicator {
		display: none;
	}
	.site-info {
		padding: 0 20px 0 0;
		width: 60%;
	}
	.site-title,
	body.active-sidebar-primary-sidebar .site-title,
	.site-description,
	body.active-sidebar-primary-sidebar .site-description  {
		padding: 0 20px;
	}
	#main img {
		max-width: 100%;
	}
	.sidebar {
		clear: both;
		float: none;
		position: relative;
			top: auto;
			left: auto;
		width: auto;
	}
}

/* =Retina Images
------------------------------------------------*/

@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (-moz-min-device-pixel-ratio: 2),
       only screen and (-o-min-device-pixel-ratio: 2/1),
       only screen and (min-device-pixel-ratio: 2) {

			.post .post-format-indicator,
			.page .post-format-indicator {
				background-image: url(img/standard_2x.png);
				background-size: 90%;
			}
			.post.sticky .post-format-indicator {
				background-image: url(img/sticky_2x.png);
				background-repeat: no-repeat;
				background-size: 60px;
			}
			.image-attachment .post-format-indicator {
				background-image: url(img/image_2x.png);
				background-size: 60px;
			}
			.post.format-link .post-format-indicator {
				background-image: url(img/linky_2x.png);
				background-size: 60px;
			}
			.post.format-audio .post-format-indicator {
				background-image: url(img/audio_2x.png);
				background-size: 60px;
			}
			.post.format-video .post-format-indicator {
				background-image: url(img/video_2x.png);
				background-size: 60px;
			}
			.post.format-status .post-format-indicator {
				background-image: url(img/status_2x.png);
				background-size: 60px;
			}
			.post.format-aside .post-format-indicator {
				background-image: url(img/aside_2x.png);
				background-size: 60px;
			}
			.post.format-quote .post-format-indicator {
				background-image: url(img/quote_2x.png);
				background-size: 60px;
			}
			.post.format-chat .post-format-indicator {
				background-image: url(img/chat_2x.png);
				background-size: 60px;
			}
			.post.format-image .post-format-indicator {
				background-image: url(img/image_2x.png);
				background-size: 60px;
			}
			.post.format-gallery .post-format-indicator {
				background-image: url(img/gallery_2x.png);
				background-size: 60px;
			}
			span.comments-link {
				background-image: url(img/comments_2x.png);
				background-size: 100%;
			}
			.widget_rss h2.widget-title a.rsswidget {
				background-image:url(img/rss_2x.png);
				background-size: 22px;
			}
}